<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">

<body>

<ui:composition >
		<h:panelGrid columns="4" >
			<h:panelGroup>
				<h:outputLabel value="Années scolaire" for="anneescolaire" id="anneescolaireLabel" styleClass="label"/>
			 
				<h:selectOneMenu id="anneescolaire"  value="">
			        	<f:selectItem  itemLabel="--Selectionner--" itemValue="" />
			        	<f:selectItem  itemLabel="2012-2103" itemValue="2012-2103" />
				        <f:selectItem  itemLabel="2013-2104" itemValue="2012-2103" />
				        
			    </h:selectOneMenu>
			</h:panelGroup>
			<h:panelGroup>
				<h:outputLabel value="Classe" for="classe" id="classelbl" styleClass="label"/>
			 
				<h:selectOneMenu id="classe"  value="">
			        	<f:selectItem  itemLabel="--Selectionner--" itemValue="" />
			        	<f:selectItem  itemLabel="Classe 1" itemValue="C1" />
				        <f:selectItem  itemLabel="Classe 2" itemValue="C2" />
				        
			    </h:selectOneMenu>
			</h:panelGroup>
			<h:panelGroup>
				<h:outputLabel value="Groupe" for="grp" id="grplbl" styleClass="label"/>
			 
				<h:selectOneMenu id="grp"  value="">
			        	<f:selectItem  itemLabel="--Selectionner--" itemValue="" />
			        	<f:selectItem  itemLabel="Groupe A" itemValue="A" />
				        <f:selectItem  itemLabel="Groupe B" itemValue="B" />
				        
			    </h:selectOneMenu>
			</h:panelGroup>		
		</h:panelGrid>
		
		<h:panelGrid columns="4" >
		<h:panelGroup >
			<h:outputLabel value="Transport" for="trans" id="transLabel" styleClass="label"/>
			<h:selectManyCheckbox   value="#{subscriptionController.subscriptions}"  >
		        <f:selectItem  itemLabel="Septembre" itemValue="9" />
		        <f:selectItem  itemLabel="Octobre" itemValue="10" />
		        <f:selectItem  itemLabel="Novembre" itemValue="11" />
		        <f:selectItem  itemLabel="Décembre" itemValue="12" />
		        <f:selectItem  itemLabel="Janvier" itemValue="1" />
		        </h:selectManyCheckbox>
        </h:panelGroup>
        </h:panelGrid>
        <h:panelGrid columns="4" >
        <h:panelGroup >
			<h:selectManyCheckbox   value="#{subscriptionController.subscriptions}"  >
			 	<f:selectItem  itemLabel="Février" itemValue="2" />
		        <f:selectItem  itemLabel="Mars" itemValue="3" />
		        <f:selectItem  itemLabel="Avril" itemValue="4" />
		        <f:selectItem  itemLabel="Mai" itemValue="5" />
		         <f:selectItem  itemLabel="Juin" itemValue="6" />
		        </h:selectManyCheckbox>
        </h:panelGroup>
		</h:panelGrid>
		<h:panelGrid columns="4" >
		<h:panelGroup >
			<h:outputLabel value="Informatique" for="info" id="infoLabel" styleClass="label"/>
			<h:selectManyCheckbox   value="#{subscriptionController.subscriptions}"  >
		        <f:selectItem  itemLabel="Septembre" itemValue="9" />
		        <f:selectItem  itemLabel="Octobre" itemValue="10" />
		        <f:selectItem  itemLabel="Novembre" itemValue="11" />
		        <f:selectItem  itemLabel="Décembre" itemValue="12" />
		        <f:selectItem  itemLabel="Janvier" itemValue="1" />
		        </h:selectManyCheckbox>
        </h:panelGroup>
        </h:panelGrid>
        <h:panelGrid columns="4" >
        <h:panelGroup >
			<h:selectManyCheckbox   value="#{subscriptionController.subscriptions}"  >
			 	<f:selectItem  itemLabel="Février" itemValue="2" />
		        <f:selectItem  itemLabel="Mars" itemValue="3" />
		        <f:selectItem  itemLabel="Avril" itemValue="4" />
		        <f:selectItem  itemLabel="Mai" itemValue="5" />
		         <f:selectItem  itemLabel="Juin" itemValue="6" />
		        </h:selectManyCheckbox>
        </h:panelGroup>
		</h:panelGrid>
		
		<h:panelGrid columns="4" >
		<h:panelGroup >
			<h:outputLabel value="Garderie" for="info" id="garderieLabel" styleClass="label"/>
			<h:selectManyCheckbox   value="#{subscriptionController.subscriptions}"  >
		        <f:selectItem  itemLabel="Septembre" itemValue="9" />
		        <f:selectItem  itemLabel="Octobre" itemValue="10" />
		        <f:selectItem  itemLabel="Novembre" itemValue="11" />
		        <f:selectItem  itemLabel="Décembre" itemValue="12" />
		        <f:selectItem  itemLabel="Janvier" itemValue="1" />
		        </h:selectManyCheckbox>
        </h:panelGroup>
        </h:panelGrid>
        <h:panelGrid columns="4" >
        <h:panelGroup >
			<h:selectManyCheckbox   value="#{subscriptionController.subscriptions}"  >
			 	<f:selectItem  itemLabel="Février" itemValue="2" />
		        <f:selectItem  itemLabel="Mars" itemValue="3" />
		        <f:selectItem  itemLabel="Avril" itemValue="4" />
		        <f:selectItem  itemLabel="Mai" itemValue="5" />
		         <f:selectItem  itemLabel="Juin" itemValue="6" />
		        </h:selectManyCheckbox>
        </h:panelGroup>
		</h:panelGrid>
</ui:composition>
</body>
</html>